<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script>
    //全选
    function allcheck(){
      //1、获取所有复选框
      var arr = document.getElementsByName("itemSelect");
      //2、遍历数组，选中所有复选框
      for(var i=0;i<arr.length;i++){
        arr[i].checked=!arr[i].checked;
      }
    }
  </script>
</head>
<body>
看书：
<input type="checkbox" name="itemSelect" value=1>
<br>
写字：
<input type="checkbox" name="itemSelect" value=2>
<br>
打飞机：
<input type="checkbox" name="itemSelect" value=3>
<br>
玩游戏：
<input type="checkbox" name="itemSelect" value=4>
<br>
<button onclick="allcheck()">
  全选/取消
</button>
</body>
</html>
